// pages/search/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    show1: false,
    show2: false,
    // 所有街道
    allParkingLotList: [],
    parkingStatus: [{
      label: '空车位',
      id: 0
    }, {
      label: '全部车位',
      id: 1
    }],
    parkingName: '',
    params: {
      parkingLotId: '',
      parkingStatus: 0
    },
    list: {
      list: [],
      emptyParkingSpaceTotal: 0
    }
  },
  // 查询某路内停车场（街道）的车位
  emptyParkingSpace() {
    if (this.data.params.parkingLotId == '') {
      wx.showToast({
        title: '请街道后查询',
        icon: 'none'
      })
      return
    }
    this.setData({
      list: {
        list: [{
            parkingSpaceId: 100,
            parkingSpaceName: '测试车位001',
            parkingStatus: '无车'
          },
          {
            parkingSpaceId: 101,
            parkingSpaceName: '测试车位002',
            parkingStatus: '维修'
          },
        ],
        emptyParkingSpaceTotal: 2
      }
    })
  },
  close() {
    wx.navigateBack()
  },
  // 返回首页
  onClickLeft() {
    wx.switchTab({
      url: '/pages/work/index',
    })
  },
  getallParkingLotList() {
    // 模拟接口查询街道
    this.setData({
      allParkingLotList: [{
        parkingLotId: 100,
        parkingName: '测试停车场'
      }]
    })
  },
  // 选择某街道
  onConfirm(e) {
    console.log(e)
    this.onClose()
    if (e.detail.value.parkingLotId) {
      // 选择街道
      this.setData({
        "params.parkingLotId": e.detail.value.parkingLotId,
        parkingName: e.detail.value.parkingName
      })
    } else if (e.detail.value.id) {
      // 选择车位
      this.setData({
        "params.parkingStatus": e.detail.value.id
      })
    }

  },
  // 显示选择街道
  showPopup(e) {
    console.log(e)
    const {
      index
    } = e.currentTarget.dataset
    this.setData({
      [`show${index}`]: true
    });
  },
  // 关闭弹窗
  onClose() {
    this.setData({
      show1: false,
      show2: false,
      show3: false
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.getallParkingLotList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})